import React from 'react'

import { Row, Col, Card } from 'antd';
import Slider from './Slider';


const { Meta } = Card;

const cardStyle = {
    width: '100%',
    height: 105
}

const FirstScreen = () => {
    const goTo = (type: number) => {

    }
    return (
        <div className='first-screen'>
            <div className='slider'>
                <Slider ></Slider>
            </div>
            <div className='card'>
                <Row gutter={[10, 10]}>
                    <Col span={8}>
                        <Card hoverable style={cardStyle}
                        >
                            <img onClick={() => goTo(1)} src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
                        </Card>
                    </Col>
                    <Col span={8}>
                        <Card hoverable style={cardStyle}>
                            <img onClick={() => goTo(2)} src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
                        </Card>
                    </Col>
                    <Col span={8}>
                        <Card hoverable style={cardStyle}>
                            <img onClick={() => goTo(3)} src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
                        </Card>
                    </Col>
                    <Col span={8}>
                        <Card hoverable style={cardStyle}>
                            <img onClick={() => goTo(4)} src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
                        </Card>
                    </Col>
                    <Col span={8}>
                        <Card hoverable style={cardStyle}>
                            <img onClick={() => goTo(5)} src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
                        </Card>
                    </Col>
                    <Col span={8}>
                        <Card hoverable style={cardStyle}>
                            <img onClick={() => goTo(6)} src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
                        </Card>
                    </Col>
                </Row>
            </div>
        </div>
    )
}


export default FirstScreen;
